<template>
	<div id="app">
		<keep-alive v-if="$route.meta.keepAlive">
			<router-view></router-view>
		</keep-alive>
		<router-view v-if="!$route.meta.keepAlive">
			<!-- 这里是不被缓存的视图组件，比如 page3 -->
		</router-view>
	</div>
</template>

<script>
	import $ from 'jquery'
	export default {
		name: 'app',
		activated() {
			$(function() {
				var h = document.body.clientHeight - 53;
				$('.content').css('min-height', h + 'px')
			})
		}
	}
</script>

<style>
	::-webkit-scrollbar {
		display: none;
	}
	
	#app {
		font-family: 'Avenir', Helvetica, Arial, sans-serif;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-align: center;
		color: #3c3c3c;
		margin-top: 60px;
		background-color: #f7f7f7;
	}
	
	.clearfix:after {
		content: "";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	
	.clearfix {
		overflow: hidden;
		zoom: 1;
	}
	
	.content {
		font-size: 12px;
		padding-top: 36px;
		padding-bottom: 49px;
		background-color: #f7f7f7;
	}
	
	.quesBox .MsoNormal{
		overflow: hidden!important;
	}
	table {
		width: 100%!important;
	}
	
	td {
		display: block;
		width: 100%;
		max-width: 6.2rem!important;
	}
	p{
		padding: 0;
		margin: 0;
	}
</style>